<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>合盘记录</title>
    <script src="/natal/js/rem.js"></script>
    <link rel="stylesheet" href="/static/valentine/2021/css/common.css?v=20">
    <script src="/static/jquery-3.1.1.min.js"></script>
    <script src="/static/valentine/2021/js/common.js?v=20"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .container {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .header {
            width: 7.5rem;
            margin: 0 auto;
            max-width: 750px;
        }

        .header .header_img {
            width: 100%;
        }

        .history {
            position: relative;
            top: -1.58rem;
            width: 7.5rem;
            background: #ffffff;
            overflow: hidden;
            border-radius: 0.24rem 0.24rem 0 0;
            margin: 0 auto;
        }

        .history .title {
            width: 7.5rem;
            height: 0.45rem;
            color: #24282E;
            font-size: 0.32rem;
            margin: 0.4rem auto 0.2rem;
            text-align: center;
            display: block;
        }

        .title .flag {
            width: 0.21rem;
            height: 0.21rem;
            background: url("/static/valentine/2021/img/解析过的关系旁边装饰.png") no-repeat;
            background-size: cover;
            display: inline-block;
            margin: 0.09rem 0.26rem 0 0.29rem;
        }

        .history-list {
            width: 7.5rem;
            margin: 0 auto;
            padding: 0.2rem 0;
            list-style: none;
            border-radius: 0.2rem;
            background: #ffffff;
            overflow: hidden;
        }

        .history-list .history-list-item {
            width: 7.1rem;
            height: 1.24rem;
            padding: 0.2rem 0.2rem;
            float: left;
        }

        .history-list .history-list-item .record {
            float: left;
            margin-right: 0.68rem;
            width: 1.45rem;
            height: 1.24rem;
            overflow: hidden;
            text-align: center;
        }

        .history-list .history-list-item .record .avatar {
            width: 0.78rem;
            height: 0.78rem;
            display: block;
            border-radius: 50%;
            border: 1px solid #fff;
            background-image: url("/static/valentine/2021/img/默认头像.png");
            background-repeat: no-repeat;
            background-size: cover;
            margin: 0 auto;
        }

        .history-list .history-list-item .record .nickname {
            width: 1.45rem;
            height: 0.26rem;
            font-size: 0.26rem;
            line-height: 0.26rem;
            color: #333333;
            text-align: center;
            margin-top: 0.1rem;
            font-weight: normal;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .history-list .history-list-item .sp-line {
            width: 0.01rem;
            height: 0.88rem;
            background: #FF6C89;
            float: left;
            margin: 0.22rem 0;
        }

        .history-list .history-list-item .score-and-text {
            float: right;
            height: 1.24rem;
            line-height: 1.24rem;
        }

        .history-list .history-list-item .score-and-text .text {
            font-size: 0.28rem;
            color: #333333;
            float: left;
        }

        .history-list .history-list-item .score-and-text .score {
            font-size: 0.38rem;
            color: #333333;
            float: left;
            font-weight: bold;
        }

    </style>
</head>
<body>
<div class="container">
    <div class="nav" style="visibility:visible;{if !$rn}display: none;{/if}">
        <div class="nav-box">
            <div class="bg-color" style="height: {$height/50 + 0.88}rem"></div>
            <div class="to-back common-js-to-native" data-target="local" data-link="back">
                <div class="img"></div>
            </div>
            <div class="title-name">{$title}</div>
        </div>
    </div>
    <div class="header" {if $rn}style="margin-top: {$height/50 + 0.88}rem"{/if}>
        <img class="header_img" src="/static/valentine/2021/img/七夕头图邀请.jpg">
    </div>
    <div class="body">
        <div class="history">
            <div class="title">
                <span class="flag"></span>
                解析过的关系
                <span class="flag"></span>
            </div>
            <ul class="history-list">
                {if empty($data_list)}
                    无合盘记录
                {else}
                {foreach $data_list as $k => $v}
                <li class="history-list-item">
                    <div class="common-js-to-native" data-target="link"
                       data-link="{$domain}{:url('get_with_score2021')}?id={$v.id}&token={$token}&zhunle_not_show_nav=1"
                       style="display:block;overflow: hidden;">
                        <div class="record">
                            <img class="avatar" onerror="onerror=null;src='/static/valentine/2021/img/默认头像.png'" src="{if strpos($v.avatar1,'http')=== false}{$oss}/{/if}{$v.avatar1}" alt="">
                            <div class="nickname">{$v.nickname1}</div>
                        </div>
                        <div class="record">
                            <img class="avatar" onerror="onerror=null;src='/static/valentine/2021/img/默认头像.png'" src="{if strpos($v.avatar2,'http')=== false}{$oss}/{/if}{$v.avatar2}" alt="">
                            <div class="nickname">{$v.nickname2}</div>
                        </div>
                        <div class="sp-line"></div>
                        <div class="score-and-text">
                            <div class="text">{$v.relation}&nbsp;&nbsp;</div>
                            <div class="score">/ {$v.score}</div>
                        </div>
                    </div>
                </li>
                {/foreach}
                {/if}
            </ul>
        </div>
    </div>
    <div class="footer">

    </div>
</div>
{include file="../apps/web/view/public/sensors.html" /}
<script>
    var cnzz_s_tag = document.createElement('script');
    cnzz_s_tag.type = 'text/javascript';
    cnzz_s_tag.async = true;
    cnzz_s_tag.charset = 'utf-8';
    cnzz_s_tag.src = 'https://w.cnzz.com/c.php?id=1279195343&async=1';
    var root_s = document.getElementsByTagName('script')[0];
    root_s.parentNode.insertBefore(cnzz_s_tag, root_s);
</script>
</body>
</html>
